<template>
  <el-container>
    <hpro-navbar :data="navbar" v-if="navbar"></hpro-navbar>
    <el-main class="hui-p-0 hui-h-100vh">
      <el-scrollbar class="hui-h-100" wrap-class="hui-overflow-x-hidden">
        <el-container direction="vertical">
          <hpro-header></hpro-header>
          <el-main style="min-height: calc(100vh - 120px)">
            <router-view/>
          </el-main>
          <hpro-footer></hpro-footer>
        </el-container>
      </el-scrollbar>
    </el-main>
  </el-container>
</template>

<script>
/**
 * hpro-container-home
 * @module components/hpro-container-home
 * @desc home页面内部的页面骨架
 * @param { object } navbar - 传入二级导航内容, 详情事件内容可查看hpro-navbar
 */
export default {
  name: 'hpro-container-home',
  props: {
    navbar: Object
  }
}
</script>

<style lang="less"></style>
